<template>
  <div>
    这是子组件 --- {{ modelValue }} --- 房子: {{ house }}
    <!-- Vue 的更新不是断崖式更新, 会完全兼容老语法, 部分移除的语法会在官网公示 -->
    <!-- $emit 是可以用的 -->
    <button @click="$emit('update:modelValue', modelValue + 100)">点我加钱</button>
    <button @click="$emit('update:house', '汤臣一品')">点我改房子</button>
  </div>
</template>

<script setup lang="ts">
defineProps<{
  modelValue: number,
  house?: string
}>()
</script>

<style scoped>

</style>